<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>字体</title>
		<style type="text/css">
		.class1{
			/* font-family: "arial black";字体 */
			/* font-size:2.5rem; 字体大小*/
			/* font-style: italic;字体样式（斜体） */
			/* font-variant:small-caps;字体小型大小写 */
			/* font-weight: bolder; 粗体 */
			text-shadow: 10px 10px 2px #8B4513; /* 字体阴影 */
		}
		.class2{
			text-transform: uppercase;
		}
		</style>
	</head>
	<body>
		<p class="class1">aaaaa</p>
		<p class="class2">aaaaa</p>
		<!-- <p style="font-family: arial black; font-size: 40px; font-style: italic;">ssss</p> -->
	</body>
</html>
